





<template>
	<div class="school">
		<h2 >学生名称：{{name}}</h2>
		<h2 class="qwe">学生年龄：{{myage}}</h2>
    <h2>{{number}}</h2>
    <button @click="add">number++</button>
       <button @click="sendStudentName">传递学生名称App</button>
        <button @click="unbind">解绑所有事件</button>
        <button @click="death">销毁当刖Student组件的实例vc</button>

	</div>
</template>

<script>
export default {
  name: "Student",
  data() {
    return {
      name: "抱抱",
      myage: 19,
      number: 0
    };
  },
  methods: {
    sendStudentName() {
      //触发Student组件实例身上的atguigu事件
      this.$emit("setname", this.name, 666, 200, 101);
      //this.$emit("demo", this.name, 666, 200, 101);
    },
    unbind() {
      //this.$off("setname");//解绑一个自定义事件
      //this.$off(["setname", "demo"]); //解绑多个自定义事件
      this.$off(); //解绑所有的事件
    },
    death() {
      this.$destroy(); //销毁了当前Student组件的实例
      //销毁后所有Student实例的自定义事件全都不奏效。
    },
    add() {
      console.log("add")
      this.number++
    }
  }
};
</script>

<style lang="less" scoped>
.school {
  background-color: rgba(232, 147, 160, 0.5);
  margin: 10px 0;
  .qwe {
    font-size: 40px;
  }
}
</style>

